<template>
  <div class="trail">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="试听记录" name="one">
        <AllTrailList />
      </el-tab-pane>

    </el-tabs>
  </div>
</template>

<script setup>
import { useRoute, useRouter } from 'vue-router'
import AllTrailList from './components/allTrailList.vue'
//接收学员ID
const route = useRoute()
const studentsId = route.params.studentsId
const title = route.meta.title
const activeName = ref('one')

</script>
<style lang="scss" scoped>
.trail {
  height: 100%;
  overflow: auto;
}
</style>
<style lang="scss" scoped>
:deep(.demo-tabs) {
  .el-tabs__content {
    /* padding: 20px; */
    overflow: visible;
  }
}

:deep(.el-tabs__nav-scroll) {
  .el-tabs__nav {
    // display: flex !important;
    // justify-content: flex-end !important;
    .el-tabs__item {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.6);
      padding: 0 20px;
    }
  }
}
</style>